<template>
  <ul class="timeLine" style="width: 100%">
    <li>
      <p>2020年</p>
      <div class="con">
        <el-container>
          <el-main>参照《中华人民共和国公务员法》管理的单位审批办法</el-main
          ><el-aside width="100px">2020-03-13</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/参照《中华人民共和国公务员法》管理的单位审批办法 2020-03-13.docx"
              download="参照《中华人民共和国公务员法》管理的单位审批办法 2020-03-13.docx" 
              title="下载word"><i class="fa fa-file-word-o"></i>
            </a>
            <a
              href="static/zcfg/pdf/参照《中华人民共和国公务员法》管理的单位审批办法 2020-03-13.pdf"
              download="参照《中华人民共和国公务员法》管理的单位审批办法 2020-03-13.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>
        <el-container>
          <el-main
            >参照《中华人民共和国公务员法》管理的单位审批办法
            参公申请表附件</el-main
          ><el-aside width="100px">2020-03-13</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/参照《中华人民共和国公务员法》管理的单位审批办法 参公申请表附件.pdf"
              download="参照《中华人民共和国公务员法》管理的单位审批办法 2020-03-13.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            ></el-aside
          >
        </el-container>
        <el-container>
          <el-main>公务员登记办法</el-main
          ><el-aside width="100px">2020-03-13</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/公务员登记办法 2020-03-13.docx"
              download="公务员登记办法 2020-03-13.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >

            <a
              href="static/zcfg/pdf/公务员登记办法 2020-03-13.pdf"
              download="公务员登记办法 2020-03-13.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>
        <el-container>
          <el-main>公务员登记办法附件</el-main
          ><el-aside width="100px">2020-03-13</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/公务员登记办法附件  2020-03-13.pdf"
              download="公务员登记办法附件  2020-03-13.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            ></el-aside
          >
        </el-container>
        <el-container>
          <el-main>公务员范围规定</el-main
          ><el-aside width="100px">2020-03-13</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/公务员范围规定 2020-03-13.docx"
              download="公务员范围规定 2020-03-13.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/公务员范围规定 2020-03-13.pdf"
              download="公务员范围规定 2020-03-13.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>

        <el-container>
          <el-main>公务员录用规定</el-main
          ><el-aside width="100px">2020-01-08</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/公务员录用规定 2020-01-08.docx"
              download="公务员录用规定 2020-01-08.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/公务员录用规定 2020-01-08.pdf"
              download="公务员录用规定 2020-01-08.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>
        <el-container>
          <el-main>公务员培训规定</el-main
          ><el-aside width="100px">2020-01-08</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/公务员培训规定 2020-01-08.docx"
              download="公务员培训规定 2020-01-08.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/公务员培训规定 2020-01-08.pdf"
              download="公务员培训规定 2020-01-08.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>
        <el-container>
          <el-main>公务员平时考核办法（试行）</el-main
          ><el-aside width="100px">2020-01-08</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/公务员平时考核办法（试行）2020-01-08.docx"
              download="公务员平时考核办法（试行）2020-01-08.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/公务员平时考核办法（试行）2020-01-08.pdf"
              download="公务员平时考核办法（试行）2020-01-08.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>

        <el-container>
          <el-main>公务员调任规定</el-main
          ><el-aside width="100px">2020-01-08</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/公务员调任规定 2020-01-08.docx"
              download="公务员调任规定 2020-01-08.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/公务员调任规定 2020-01-08.pdf"
              download="公务员调任规定 2020-01-08.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>
        <el-container>
          <el-main>公务员职务、职级与级别管理办法</el-main
          ><el-aside width="100px">2020-01-08</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/公务员职务、职级与级别管理办法 2020-03-13.docx"
              download="公务员职务、职级与级别管理办法 2020-03-13.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/公务员职务、职级与级别管理办法 2020-03-13.pdf"
              download="公务员职务、职级与级别管理办法 2020-03-13.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>
      </div>
    </li>
    <li>
      <p>2019年</p>
      <div class="con">
        <el-container>
          <el-main>公务员职务与职级并行规定</el-main
          ><el-aside width="100px">2019-06-01</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/公务员职务与职级并行规定.docx"
              download=".docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/公务员职务与职级并行规定.pdf"
              download=".pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>

        <el-container>
          <el-main>党政领导干部考核工作条例</el-main
          ><el-aside width="100px">2019-04-07</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/党政领导干部考核工作条例.docx"
              download="党政领导干部考核工作条例.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/党政领导干部考核工作条例.pdf"
              download="党政领导干部考核工作条例.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>

        <el-container>
          <el-main>党政领导干部选拔任用工作条例</el-main
          ><el-aside width="100px">2019-03-03</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/党政领导干部选拔任用工作条例.docx"
              download="党政领导干部选拔任用工作条例.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/党政领导干部选拔任用工作条例.pdf"
              download="党政领导干部选拔任用工作条例.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>

        <el-container>
          <el-main>0干部任用选拔条例</el-main
          ><el-aside width="100px">2019-03-01</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/0干部任用选拔条例.docx"
              download="0干部任用选拔条例.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/0干部任用选拔条例.pdf"
              download="0干部任用选拔条例.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>
      </div>
    </li>
    <li>
      <p>2018年</p>
      <div class="con">
        <el-container>
          <el-main>0公务员法</el-main
          ><el-aside width="100px">2018-12-29</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a href="static/zcfg/docx/0公务员法.docx" download="0公务员法.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a href="static/zcfg/pdf/0公务员法.pdf" download="0公务员法.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>
        <el-container>
          <el-main>干部人事档案工作条例</el-main
          ><el-aside width="100px">2018-12-29</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/干部人事档案工作条例.docx"
              download="干部人事档案工作条例.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/干部人事档案工作条例.pdf"
              download="干部人事档案工作条例.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>
        <el-container>
          <el-main>中华人民共和国公务员法</el-main
          ><el-aside width="100px">2018-12-29</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/中华人民共和国公务员法.docx"
              download="中华人民共和国公务员法.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/中华人民共和国公务员法.pdf"
              download="中华人民共和国公务员法.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>
      </div>
    </li>
    <li>
      <p>2016年</p>
      <div class="con">
        <el-container>
          <el-main
            >《专业技术类公务员管理规定（试行）》和《行政执法类公务员管理规定（试行）》</el-main
          ><el-aside width="100px">2016-07-15</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/《专业技术类公务员管理规定（试行）》和《行政执法类公务员管理规定（试行）》2016-07-15.docx"
              download="《专业技术类公务员管理规定（试行）》和《行政执法类公务员管理规定（试行）》2016-07-15.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/《专业技术类公务员管理规定（试行）》和《行政执法类公务员管理规定（试行）》2016-07-15.pdf"
              download="《专业技术类公务员管理规定（试行）》和《行政执法类公务员管理规定（试行）》2016-07-15.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>
      </div>
    </li>
    <li>
      <p>2015年</p>
      <div class="con">
        <el-container>
          <el-main>公务员录用面试组织管理办法（试行）</el-main
          ><el-aside width="100px">2015-12-17</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/公务员录用面试组织管理办法（试行）2015-12-17.docx"
              download="公务员录用面试组织管理办法（试行）2015-12-17.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            ></el-aside
          >
        </el-container>
      </div>
    </li>
    <li>
      <p>2013年</p>
      <div class="con">
        <el-container>
          <el-main>公务员公开遴选办法（试行）</el-main
          ><el-aside width="100px">2013-05-03</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/公务员公开遴选办法（试行）2013-05-03.docx"
              download="公务员公开遴选办法（试行）2013-05-03.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/公务员公开遴选办法（试行）2013-05-03.pdf"
              download="公务员公开遴选办法（试行）2013-05-03.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>
      </div>
    </li>
    <li>
      <p>2011年</p>
      <div class="con">
        <el-container>
          <el-main>新录用公务员试用期管理办法（试行）</el-main
          ><el-aside width="100px">2011-06-02</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/新录用公务员试用期管理办法（试行）2011-06-02.docx"
              download="新录用公务员试用期管理办法（试行）2011-06-02.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/新录用公务员试用期管理办法（试行）2011-06-02.pdf"
              download="新录用公务员试用期管理办法（试行）2011-06-02.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>
      </div>
    </li>
    <li>
      <p>2009年</p>
      <div class="con">
        <el-container>
          <el-main>公务员录用考试违纪违规行为处理办法（试行）</el-main
          ><el-aside width="100px">2009-11-25</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/公务员录用考试违纪违规行为处理办法（试行）2009-11-25.docx"
              download="公务员录用考试违纪违规行为处理办法（试行）2009-11-25.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/公务员录用考试违纪违规行为处理办法（试行）2009-11-25.pdf"
              download="公务员录用考试违纪违规行为处理办法（试行）2009-11-25.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>
      </div>
    </li>

    <li>
      <p>2008年</p>
      <div class="con">
        <el-container>
          <el-main>新录用公务员任职定级规定</el-main
          ><el-aside width="100px">2008-12-08</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/新录用公务员任职定级规定 2008-12-08.docx"
              download="新录用公务员任职定级规定 2008-12-08.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/新录用公务员任职定级规定 2008-12-08.pdf"
              download="新录用公务员任职定级规定 2008-12-08.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>

        <el-container>
          <el-main>公务员职务任免与职务升降规定（试行）</el-main
          ><el-aside width="100px">2008-12-08</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/公务员职务任免与职务升降规定（试行）2008-12-08.docx"
              download="公务员职务任免与职务升降规定（试行）2008-12-08.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/公务员职务任免与职务升降规定（试行）2008-12-08.pdf"
              download="公务员职务任免与职务升降规定（试行）2008-12-08.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>

        <el-container>
          <el-main>公务员考核规定（试行）</el-main
          ><el-aside width="100px">2008-12-03</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/公务员考核规定（试行）2008-12-03.docx"
              download="公务员考核规定（试行）2008-12-03.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/公务员考核规定（试行）2008-12-03.pdf"
              download="公务员考核规定（试行）2008-12-03.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>

        <el-container>
          <el-main>公务员奖励规定（试行）</el-main
          ><el-aside width="100px">2008-12-02</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/公务员奖励规定（试行）2008-12-02.docx"
              download="公务员奖励规定（试行）2008-12-02.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/公务员奖励规定（试行）2008-12-02.pdf"
              download="公务员奖励规定（试行）2008-12-02.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>

        <el-container>
          <el-main>行政机关公务员处分条例</el-main
          ><el-aside width="100px">2008-10-23</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/行政机关公务员处分条例 2008-10-23.docx"
              download="行政机关公务员处分条例 2008-10-23.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/行政机关公务员处分条例 2008-10-23.pdf"
              download="行政机关公务员处分条例 2008-10-23.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>

        <el-container>
          <el-main>公务员申诉规定（试行）</el-main
          ><el-aside width="100px">2008-10-23</el-aside
          ><el-aside width="95px" class="xiazai"
            ><a
              href="static/zcfg/docx/公务员申诉规定（试行）2008-10-23.docx"
              download="公务员申诉规定（试行）2008-10-23.docx"
              title="下载word"><i class="fa fa-file-word-o"></i></a
            >
            <a
              href="static/zcfg/pdf/公务员申诉规定（试行）2008-10-23.pdf"
              download="公务员申诉规定（试行）2008-10-23.pdf"
              title="下载pdf"><i class="fa fa-file-pdf-o"></i></a
            >
          </el-aside>
        </el-container>
      </div>
    </li>
  </ul>
</template>
  <script>
</script>
<style lang="scss" scoped>
@import "~@/assets/portal/css/index/rem.css";
@import "~@/assets/portal/css/index/index.css";
::-webkit-scrollbar {
  background: none;
  width: 4px;
  height: 4px;
  border-radius: 3px;
  right: 3px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  border: 0px solid transparent;
}

::-webkit-scrollbar-track {
  box-shadow: 0 0 0 4px rgba(24, 154, 80, 0) inset;
}

::-webkit-scrollbar-thumb {
  min-height: 20px;
  background-clip: content-box;
  box-shadow: 0 0 0 4px rgba(168, 178, 204, 0.4) inset;
}

::-webkit-scrollbar-corner {
  background: transparent;
}
.con {
  & .el-container {
    height: 1.4rem !important;
    margin-top: 0.3rem;
    .el-main {
      padding: 0px;
      font-size: 0.85rem;
      line-height: 1rem;
      color: #082638;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .el-aside {
      padding: 0px;
      line-height: 1rem;
      text-align: right;
      background-color: #fff;
      font-size: 0.8rem;
      color: #999;
    }
    .el-aside.xiazai:hover {
      cursor: pointer;
      color: #1a4df7;
    }
    &:hover .el-main {color: #000;}
  }
}
</style>
